<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<meta charset="UTF-8" />
	<title>OK 团队协作平台</title>
	<meta name="keywords" content="office team" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="<@s.url '/css/bootstrap.min.css'/>"></link>
	<link rel="stylesheet" href="<@s.url '/css/bootstrap-theme.min.css'/>"></link>
	<link rel="stylesheet" href="<@s.url '/css/home.css'/>"></link>
</head>
<body>
<div id="fb-root"></div>

	<div style="width: 100%;height: 100%;">
	    <div id="page-wrapper">
	        <div id="page-header">
	            <div class="container">
					<a href="/" class="logo pull-left"> 
						<img src="<@s.url '/img/ok-logo.png'/>" title="ok-logo" />
						<h1>OmniKennect</h1>
					</a>
	               <div class="btn-group pull-right">
	                    <button type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown">
	                        <img class="avatar" src="<@s.url '/img/account.png' />" /> Hi, ${model.getName()} <span class="caret"></span>
	                    </button>
	                    <ul class="dropdown-menu" role="menu">
	                        <div class="arrow"></div>
	                        <li><a href="/@dellinger">Your Profile</a></li>
	                        <li class="divider"></li>
	                        <li><a href="/settings">Account Settings</a></li>
	                    
	                        <li><a href="/settings/transfers">Transfers</a></li>
	                        <li><a href="/settings/invoices">Invoices</a></li>
	                    
	
	                        <li class="divider"></li>
	                        
	                         <li><a href="/organizations/new"><i class="octicon octicon-plus"></i> New organization</a></li>
	
	                        <li class="divider"></li>
	                    
	                        <li><a href="/logout">Logout</a></li>
	                    </ul>
	                </div>
	
					<a href="/blog" class="btn btn-link pull-right hidden-xs">团队博客</a>
					<a href="/pricing" class="btn btn-link pull-right hidden-xs">新手入门</a>
	
	                <a href="/new" class="btn btn-link pull-right"><i class="octicon octicon-plus"></i></a>
	            </div>
	        </div>
	        <div id="page-flashs"></div>
	        <div id="page-body">
	            
				<div id="page-publish">
				    <div class="page-inner">
				        <div class="component-form-page centered">
				            <div class="container">
				                <h1>请激活您的团队</h1>
				
				                <div class="row">
				                    <div class="col-md-8 col-md-offset-2">
				                        <div class="panel panel-default"><div class="panel-body">
				                            <form role="form" class="form-vertical" method="post" action="<@s.url '/home/actsms'/>">
				
				                                <input type="hidden" name="username" value="${model.getName()}" />
				                                <input type="hidden" name="password" value="${model.getPwd()}" />
				                                <input type="hidden" name="email" value="${model.getEmail()}" />
				                                <!-- Template -->
				                                <div class="templates">
				                                    <div role="tabpanel">
				                                        <!-- Nav tabs -->
				                                        <ul class="nav nav-tabs nav-justified" role="tablist">
				                                            
				                                            <li role="presentation" class="active">
				                                                <a href="#base" aria-controls="base" role="tab" data-toggle="tab">
				                                                    邮箱激活
				                                                </a>
				                                            </li>
				                                            
				                                            <li role="presentation" >
				                                                <a href="#science" aria-controls="science" role="tab" data-toggle="tab">
				                                                    短信激活
				                                                </a>
				                                            </li>
				                                        </ul>
				
				                                        <!-- Tab panes -->
				                                        <div class="tab-content">
				                                            
				                                            <div role="tabpanel" class="tab-pane active" id="base">
				                                                <p>激活邮箱已经发送到您的邮箱中，</p>
				                                                <p>如果邮箱变动，请更改下面的邮箱地址进行激活操作.</p>
				                                                <div class="row">
					                                                <div class="col-md-12">
					                                                    <div class="form-group ">
					                                                        <label for="email" class="control-label sr-only">Email</label>
					                                                        <input type="text" name="email" autocomplete="off" maxlength="60" class="form-control input-lg" value="${model.getEmail()}" max="60" placeholder="邮箱地址">
					                                                    </div>
					                                                </div>
				                                                </div>
				                                                <div class="row">
				                                                	<div class="col-md-12">
				                                                		<button type="submit" class="btn btn-block btn-lg btn-success btn-fill">重新发送邮件</button>
				                                                	</div>
				                                                </div>
				                                            </div>
				                                            
				                                            <div role="tabpanel" class="tab-pane " id="science">
				                                                <p>通过下面手机号进行注册</p>
				                                                <div class="row">
				                                                    <div class="col-md-12">
				                                                        <div class="form-group ">
				                                                            <label for="mobile" class="control-label sr-only">Mobile</label>
				                                                            <input type="text" name="mobile" autocomplete="off" maxlength="60" class="form-control input-lg" value="" max="60" placeholder="手机号码" />
				                                                        </div>
				                                                    </div>
				                                                </div>
				                                                <div class="row">
				                                                    <div class="col-md-6">
				                                                        <div class="form-group ">
				                                                            <label for="actcode" class="control-label sr-only">ActiveCode</label>
				                                                            <input type="text" name="actcode" autocomplete="off" maxlength="6" class="form-control input-lg" value="" max="60" placeholder="激活码(6位)" />
				                                                        </div>
				                                                    </div>
				                                                    <div class="col-md-6">
				                                                        <div class="form-group ">
				                                                            <button type="button" onclick="javascript:activeSMS(url)" class="btn btn-block btn-lg btn-primary">重新发送</button>
				                                                        </div>
				                                                    </div>
				                                                </div>
				                                                <div class="row">
				                                                	<div class="col-md-12">
				                                                		<button type="submit" class="btn btn-block btn-lg btn-success btn-fill">激活</button>
				                                                	</div>
				                                                </div>
				                                            </div>
				                                         </div>
				                                    </div>
				                                </div>
				                            </form>
				                        </div>
				                    </div>
				                </div>
				            </div>
				        </div>
				    </div>
				</div>
	        </div>
	        <div id="page-footer" style="max-height:50px">
	            <div class="footer-line">
	                <div class="container">
	                    © OmniKennect.com Inc 2015,
	
	                    View our <a href="/privacy">Privacy Policy</a> and <a href="/terms">Terms</a>.
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
</div>
	<script src="<@s.url '/js/jquery.min.js' />"></script>
	<script src="<@s.url '/js/bootstrap.min.js' />"></script>
    <script src="<@s.url '/js/activate.js' />"></script>
    <script>
    var url = "<@s.url '/home/sms'/>";
    $(function() {
        $('[data-toggle="tooltip"]').tooltip({
            container: 'body'
        });
    });
    </script>
   </body>
</html>